<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
      <title>{block name="title"}{:config('web_site_title')}{/block}</title>
    <meta name="description" content="{:config('web_site_description')}">
    <meta name="keywords" content="{:config('web_site_keywords')}">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">
    {block name="meta"}{/block}

    {block name="link"}
    <!-- Icons -->
    <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
    <link rel="shortcut icon" href="__ADMIN_IMG__/favicons/favicon.ico">
    <!-- END Icons -->
    {/block}
    <link rel="stylesheet" href="__MODULE_CSS__/ShareAnyReset.css">
    <link rel="stylesheet" href="__MODULE_CSS__/ShareAnyUI.css">
    <link rel="stylesheet" href="__MODULE_CSS__/slideBox.css">
    <link rel="stylesheet" href="__MODULE_CSS__/public.css">
    {if condition = "isMobile()"}
    <link rel="stylesheet" href="__MODULE_CSS__/MobileShareAnyUI.css">
    <link rel="stylesheet" href="__MODULE_CSS__/Mobilepublic.css">
    <link rel="stylesheet" href="__MODULE_CSS__/MobileShareAnyReset.css">
    {/if}
    <script src="__MODULE_JS__/jquery-1.11.3.min.js"></script>
    {block name="header"}{/block}
</head>
<body>
<style>
    .ShareAnyLeft img{
        width: 9rem;
        margin-left:0px;
    }
    .search input{
        margin-left:0px;
        width: 80px;
        height: 16px;
    }
    .search button{
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
</style>
<div class="top">
    <div class="ShareAnyContainer">
        <div class="ShareAnyLeft" style="
    width: 36%;
    float: left;">
            <a href="{:url('/')}" title="首页">
                <img style = 'width: 9rem;
    margin-top: 1rem;'src="__MODULE_IMG__/logo.png">
            </a>
        </div>
        <div class="ShareAnyRight" style=" display:none;    text-align: right;
margin-bottom: 12px;width: 98%;">
        <span class="search" style="width: 96%;"><input type="text" style="width: 18%;" id="searchInput" value=""><button
                id="searchButton"></button></span>
            <!--<span class="favorite"><a id="favorite" href="javascript:void(0);" title="收藏网站">收藏网站</a></span>-->
            <!--<span class="favorite"><a href="###" title="收藏网站"><img src="picture/heart.png">收藏网站</a></span>-->
            <!--<span class="chinese"><a href="###" title="简体中文"><img src="picture/chinese.png"></a></span>-->
            <!--<span class="english"><a href="###" title="English"><img src="picture/english.png"></a></span>-->
        </div>
        <div class="ShareAnyRight" style="    width: 52%;
    float: right;">
            <div style="margin-top:10px; font-weight: 500;font-size: 14px; text-align: right;">
               <!-- 如果登录显示如下-->
               <ul class='ulhed'style='      float: right;  margin-right: 2rem;'>
			{notempty name='user'}
                <!--<a href="/account/update/" title="" class="ucter">
                    欢迎  {$user.mobile}
                </a>
                <span class="separate">|</span>-->
                <a href="{:url('shop/account/index')}" title="个人中心">个人中心</a>
                <span class="separate">|</span>
<!--
                <a href="{:url('shop/account/love')}" title="我的关注">我的关注</a>

                <span class="separate">|</span>
                <a href="{:url('shop/artwork/cart')}" title="购物车">购物车</a>
                <span class="separate">|</span>-->
                <a href="{:url('shop/login/logout')}" title="退出">退出</a>
            {else/}

				<li class='logcss'><a href="{:url('shop/login/index')}" title="登录">登录</a></li>
				<li style='border:none;'>|</li>
				<li class='regcss' style = '    background: #333;
    padding: 0.08rem;
    border-radius: 0.3rem;'><a style='color:#fff !important;' href="{:url('shop/login/register')}" title="注册">注册</a></li>
            {/notempty}
			</ul>
            </div>
        </div>
		<style>
		.ulhed{    width: 5rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    height: 2rem;
    align-items: center;}
		.ulhed li a{color:#333 !important;}
		.ulhed li{    border: 1px solid #000;
    padding: 0.08rem;
    border-radius: 0.3rem;}
		</style>
        <div class="ShareAnyClear"></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <style>.aaac a{color: #999596 !important;}</style>
        <div class="ShareAnyLeft">
            <div class="aaac" style="font-weight: 500;    font-size: 1rem; color: #999596 !important;">
               <!--<a href="/" title="首页">首页-->
                    <!--<span class="separate"></span>-->
                <!--</a>-->

                <a href="{:url('shop/artwork/group')}" title="艺术品" >艺术品</a><!--id="menu_artwork"-->
                <span class="separate"></span>
                <a href="{:url('shop/artists/group')}" title="艺术家">艺术家</a>
                <span class="separate"></span>
                <a href="{:url('shop/auction/grouplist')}" title="在线拍卖">在线拍卖</a>
                <span class="separate"></span>
                <a href="{:url('shop/live/group')}" title="创作直播">创作直播</a>
                <span class="separate"></span>
                <a href="{:url('shop/news/group')}" title="艺术资讯">艺术资讯</a>
            </div>
            <div class="popmenu">
                <p><a href="###">&nbsp;</a></p>
                 {volist name="types" id="classification"}
                    <div><a href="{:url('shop/artwork/group',['id'=>$classification['id']])}" title="">{$classification['title']}</a></div>
                 {/volist}
            </div>
        </div>

        <div class="ShareAnyClear"></div>
    </div>
</div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnySeparate"></div>
{block name="main"}{/block}
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <div class="line"></div>
</div>
<div class="ShareAnySeparate"></div>
<div class="call">

    <a href="tel:4006667899" style="    color: #fff;"><img src="/static/shop/mobile/img/tel111.png"></a>
    <a href="tel:4006667899" style="    color: #fff;"><p style="    color: #fff;font-size: 0.8rem;">收藏热线：400 666 7899</p></a>
</div>
<style>
    .call img {
        width: 3.125rem;
        height: 3.125rem;
    }
    .call a{color: #fff !important;}
    .call {
        width: 100%;
        background: #030000;
        height: 6rem;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        margin-top: 2rem;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #FFFFFF;
        font-size: 1rem;
    }
</style>
<div class="ShareAnyContainer" style="text-align: center;">
   
</div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <div class="line"></div>
</div>
<div class="ShareAnySeparate"></div>
<div class="ShareAnyContainer">
    <div class="footer">
        {include file="public:single"/}
    </div>
</div>
<style>
    .footer {
        display: flex;
        justify-content: space-around;
    }
    .footer ul{

        width:20%;
    }
    .footer ul li {
        color:#999596;
        margin-top: 0.2rem;
        font-size:0.8rem;
    }
    .titfoot{
        font-weight:600;
    }
</style>
<div style="text-align:center;color:#000055;font-size:15px;">
    网站备案号:晋ICP备10002939号
</div>

<div class="ShareAnySeparate"></div>
<div>
    <script src="__MODULE_JS__/jquery-1.11.3.min.js"></script>
    <script src="__MODULE_JS__/jquery.SuperSlide.2.1.1.js"></script>
    <script src="__MODULE_JS__/public.js"></script>
</div>
{block name="footer"}{/block}
</body>
</html>